<template>
    <div class="nav_bar">
        <div style="float: left;padding: 0 10px 0 0;line-height:40px;">
            <i class="el-icon-s-fold" @click="changeSide"></i>
        </div>
        <div>
        <el-breadcrumb class="bread" style="line-height:40px;" separator="/">
            <el-breadcrumb-item :to="{ path: '/studentHome/tableMain' }">首页</el-breadcrumb-item>
            <el-breadcrumb-item >我的成绩</el-breadcrumb-item>
<!--            <el-breadcrumb-item>活动列表</el-breadcrumb-item>-->
<!--            <el-breadcrumb-item>活动详情</el-breadcrumb-item>-->
        </el-breadcrumb>
        </div>
        <div style="background: #fff;height: 30px;">备用模块</div>
    </div>
</template>
<script>
    export default {
        methods:{
            changeSide(){
                this.$store.state.isCollapse=!this.$store.state.isCollapse
            }
        }
    }
</script>
<style>
    .nav_bar{
        height: 70px;
        overflow: hidden;
        position: relative;
        background: #fff;
        -webkit-box-shadow: 0 1px 4px rgba(0,21,41,.08);
        box-shadow: 0 1px 4px rgba(0,21,41,.08);
        line-height:50px;
        padding: 5px;

    }
    .bread{
        height: 40px;
    }
</style>